<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="viewport"
	content="width=device-width, maximum-scale=1.0, initial-scale=1.0,initial-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title><#if systemConfig?? && systemConfig.title?? && systemConfig.title != ''>${systemConfig.title}<#else>UCKeFu-全渠道客服系统</#if></title>
<link rel="shortcut icon" type="image/x-icon" href="<#if systemConfig?? && systemConfig.favlogo?? && systemConfig.favlogo != ''>/res/image.html?id=${systemConfig.favlogo?url}<#else>/images/favicon.ico?v=ukefu</#if>&t=${.now?long}"/>
<link rel="stylesheet" href="/css/flexboxgrid.min.css">
<link rel="stylesheet" type="text/css" href="/css/darktooltip.css" />
<link rel="stylesheet" href="css/layui.css">
<link rel="stylesheet" href="/js/ztree/zTreeStyle/zTreeStyle.css">
<link rel="stylesheet" href="/js/select/css/select2.min.css"/>	
<link rel="stylesheet" href="/res/css.html">
<link rel="stylesheet" type="text/css" href="/js/kindeditor/themes/default/default.css">
<script src="/js/jquery-1.10.2.min.js"></script>

<script src="/js/jquery.form.js"></script>

<script src="/js/select/js/select2.min.js"></script>

<script src="/layui.js"></script>
<script src="/js/ukefu.js"></script>
<script src="/im/js/socket.io.js"></script>
<#if user?? && user.agent == true>	
<script src="/js/UCKeFu_IM.v1.js"></script>
</#if>	

<#if models?? && models["callcenter"]?? && models["callcenter"] == true && user.callcenter == true>
<script src="/js/jssip-3.2.11.js"></script>
<script src="/js/UKeFu-SoftPhone.js"></script>
</#if>

<script type="text/javascript" src="/js/jquery.darktooltip.js"></script>
<script language="javascript">
	var hostname = "${hostname!''}",organ = "${user.organ!''}" , adminuser = "<#if user.usertype?? && user.usertype == '0'>true<#else>false</#if>" , schema = "${schema!'http'}", port = "${webimport!''}" , userid = "${user.id!''}" , session = "${sessionid!''}" , orgi = "${orgi!''}" , transtimeout = <#if sessionConfig?? && sessionConfig.transtiptimeout gt 0>${sessionConfig.transtiptimeout}<#else>5000</#if>;
	var options = {
			transports:[
				<#if systemConfig?? && systemConfig.transports?? && systemConfig.transports =="websocket">
				'websocket'
				<#elseif systemConfig?? && systemConfig.transports?? && systemConfig.transports =="polling" >
				'polling'
				<#else>
				'websocket','polling'
				</#if>
			]
	} ;
	var layinx , layerhelper , monitortimer ;
</script>

</head>

<body>
	<div class="ukefu-softphone" id="ukefu-softphone" style="width:auto;margin:0 auto;left:0;height:auto;border-radius: 20px;">
		<div class="softphone-stream" style="display:none;">
			<audio  id="remoteAudio"></audio >
			<audio  id="localAudio" muted="muted"></audio>
		</div>
		<div class="status disabled" style="padding:3px 0 0 0px;color:#ffffff;width: 180px;">	
			<div id="ukefu_agent_status_no" style="padding:15px 0 0 0px;">	
				<i class="layui-icon">&#xe617;</i>
				分机未登录，连接失败
			</div>
			<div id="ukefu_agent_status_offline" style="padding:15px 0 0 0px;display:none;">	
				<i class="layui-icon">&#xe617;</i>
				语音服务已关闭
			</div>
			<div id="ukefu_agent_status_ok" style="padding:15px 0 0 0px;display:none;color:#ffffff;">
				<i class="layui-icon">&#xe617;</i>
				分机：<span class="number"></span> 登录成功
			</div>
			<div id="ukefu_agent_docallout" style="padding:15px 0 0 0px;display:none;color:#ffffff;">
				<i class="layui-icon">&#xe617;</i>
				分机：<span class="number"></span> <span id="waittingmsg">等待名单</span>
			</div>
			<div id="ukefu_agent_status_call" style="display:none;color:#ffffff;">
				<div class="text" id="caller">主叫号码：<span class="number"></span></div>
				<div class="text" id="called">被叫号码：<span class="number"></span></div>
			</div>
			<div id="ukefu_agent_timer_call" style="display:none;">
				<div class="text" id="discall">号码：<span class="number"></span></div>
				<div class="text">时长：<span class="timer">00:00:00</span> </div>
			</div>
		</div>
		<div style="float:left;">
			<div class="soft-function disabled" id="softphone-status">
				<div class="soft-function ready" style="display:none;" data-toggle="soft-function" data-action="notready">
					<div class="icon"><i class="kfont">&#xe624;</i></div>
					<div class="text">就绪</div>
				</div>
				<div class="soft-function notready" data-toggle="soft-function" data-action="ready">
					<div class="icon"><i class="kfont">&#xe689;</i></div>
					<div class="text">未就绪</div>
				</div>
			</div>
			<div class="soft-function disabled diafunction" id="softphone-makecall">
				<div class="icon"><i class="kfont">&#xe670;</i></div>
				<div class="text">拨打</div>
			</div>
			<div class="soft-function disabled" id="softphone-answer" data-toggle="soft-function" data-action="answer">
				<div class="icon"><i class="kfont">&#xe698;</i></div>
				<div class="text">接听</div>
			</div>
			<div class="soft-function disabled" id="softphone-hungup" data-toggle="soft-function" data-action="hungup">
				<div class="icon"><i class="kfont">&#xe60e;</i></div>
				<div class="text">挂断</div>
			</div>
			<div class="soft-function disabled"  id="softphone-afterprocess" data-toggle="soft-function" data-action="cancelafterprocess">
					<div class="icon"><i class="kfont">&#xe6b0;</i></div>
					<div class="text">后处理</div>
			</div>
			<div class="soft-function" id="ukefu_account">
				<div class="soft-function login" data-toggle="soft-function" data-action="login">
					<div class="icon"><i class="kfont">&#xe61f;</i></div>
					<div class="text">登录</div>
				</div>
				<div class="soft-function logout" style="display:none;" data-toggle="soft-function" data-action="logout">
					<div class="icon"><i class="kfont">&#xe611;</i></div>
					<div class="text">登出</div>
				</div>
			</div>
		</div>
		<script id="ukefu-login-html" type="text/html">
		<div class="ukefu-login-title">请输入登录信息</div>
		<div class="ukefu-login-info">
			<div class="ukefu-login-extno">分机号：</div>
			<div class="ukefu-login-block">
				<input class="ukefu-login-input" type="text" id="extno" value="">
			</div>
		</div>
		<div class="ukefu-login-info">
			<div class="ukefu-login-password">密码：</div>
			<div class="ukefu-login-block">
				<input class="ukefu-login-input" type="password" id="extpass" type="text" value="">
			</div>	
		</div>
		</script>
		<div class="dialpad" id="dialpad" style="left:20% !important;">
			<div class="dialnum">
				<input class="dialpad-input" type="text" id="dialpad-input" value="">
				<i class="kfont ukefu-dial-del" id="ukefu-dial-del">&#xe675;</i>
			</div>
			<button class="number" id="1">1</button>
			<button class="number" id="2">2</button>
			<button class="number" id="3">3</button>
			<button class="number" id="4">4</button>
			<button class="number" id="5">5</button>
			<button class="number" id="6">6</button>
			<button class="number" id="7">7</button>
			<button class="number" id="8">8</button>
			<button class="number" id="9">9</button>
			<button class="number" id="*">*</button>
	
			<button class="number" id="0">0</button>
			<button class="number" id="#">#</button>
	
			<button id="makecall" class="call"><i class="kfont">&#xe61f;</i></button>
		</div>
	</div>
	<div class="layui-tab" lay-filter="ukefutab" lay-allowClose="true" style="position: absolute;bottom: 0px;">
		<ul class="layui-tab-title">
			<li lay-id="maincontent" class="layui-this ukefu-home"><i class="kfont"
						style="position: relative;">&#xe717;</i> 首页</li>
		</ul>
				
	</div>
	<#if user?? && user.callcenter == true && user.bindext == true>
		<div id="autologin"></div>
		<script language="javascript">
		loadURL("/ext/autologin.html","#autologin");
		</script>
	</#if>
	<script>
			layui.use('element', function(){
			  var $ = layui.jquery,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
			});
	</script>
</body>

</html>